﻿<template>
    <div class="flex column f-1 a-center j-center">
        <img :src="image" :style="{ maxWidth: maxWidth }" />
        <span
            class="empty-text"
            style="letter-spacing: 1px; padding-top: 10px; line-height: 1.5"
            >{{ text }}</span
        >
    </div>
</template>

<script>
import emptyImage from '@/assets/empty_20240410.png'
export default {
    props: {
        text: {
            type: String,
            default: '暂无数据'
        },
        image: {
            type: String,
            default: emptyImage
        },
        maxWidth: {
            type: String,
            default: '64px'
        }
    }
}
</script>

<style lang="scss" scoped>
.empty-text {
    color: var(--el-text-color-secondary);
}
</style>
